<include file="Public/common" />
<block>
    <link rel="stylesheet" href="__STATIC__/layui/css/layui.css"  media="all">
    <style>
        .col-xs-3{margin-top:5px;}
        th{text-align: center;}
    </style>
</block>
<block name="content">
    <div class="page-header"><h1>首页 &gt;商家管理 > 交通供应商 > 合作记录</h1></div>
   <!-- <form action="" >
        <div class="col-xs-12 ">

            <div class="col-xs-3">
                <label for="" class="col-xs-4">供应商编号:</label>
                <div class="col-xs-8 text-left"><input type="text" class="form-control" placeholder="请输供应商编号" /></div>
            </div>
            <div class="col-xs-3">
                <label for="" class="col-xs-4">供应商名称:</label>
                <div class="col-xs-8 text-left"><input type="text" class="form-control" placeholder="请输入运营商名称" /></div>
             </div>

            <div class="col-xs-3">
                <label for="" class="col-xs-4">状态:</label>
                <div class="col-xs-8 text-left">
                    <select class="form-control" name="" id="">
                        <option value="1">合作</option>
                        <option value="0">停止合作</option>
                    </select>
                </div>
            </div>
            <div class="col-xs-3">
                <button class="btn btn-primary">查询</button>
            </div>
        </div>

        <div class="col-xs-12"  style="margin-top:10px;">

            <button class="btn btn-primary btn-xs pull-right" style="margin-right: 10px">添加新的供应商</button>
            <button class="btn btn-primary btn-xs pull-right" style="margin-right: 10px">导出</button>

        </div>

    </form>-->
    <div class="col-xs-12"  style="margin-top:10px;">
        <button class="btn btn-primary btn-xs pull-right" style="margin-right: 10px">导出</button>
    </div>

    <table class="table table-striped table-bordered table-hover table-condensed text-center">
        <thead>
            <tr>
                <th class="filtrate_1" >供应商名称 <!--<input type="checkbox" class="checkAll">--></th>
                <th class="filtrate_2" >航线名称</th>
                <th class="filtrate_3" >编号</th>
                <th class="filtrate_4" >座椅数量</th>
                <th class="filtrate_5" >成本/元</th>
                <th class="filtrate_6" >销售价格/元</th>
                <th class="filtrate_7" >结算时间</th>
                <th class="filtrate_7" >结算总金额</th>
                <th class="filtrate_7" >营业总金额</th>
                <th class="filtrate_7" >毛利</th>
                <th class="filtrate_7" >操作人</th>
            </tr>
        </thead>
        <tbody>
            <tr >
                <td class="filtrate_1" >001 <!--<input type="checkbox" class="chk">--></td>
                <td class="filtrate_2">线路名称</td>
                <td class="filtrate_3">团队类型</td>
                <td class="filtrate_4">线路编号</td>
                <td class="filtrate_5">运营商</td>
                <td class="filtrate_6">下单时间</td>
                <td class="filtrate_6">下单时间</td>
                <td class="filtrate_6">下单时间</td>
                <td class="filtrate_6">下单时间</td>
                <td class="filtrate_6">下单时间</td>
                <td class="filtrate_6">下单时间</td>
            </tr>
        <tr>
            <td colspan="11">
                <!--分页样式-->
                <ul class="pagination">
                    {$show}
                </ul>
            </td>
        </tr>
        </tbody>
    </table>

</block>
<block name="js">
<script src=""></script>
<script src="__STATIC__/layui/layui.all.js"></script>
<script src="__STATIC__/layui/layui.js"></script>
<script>
/**
 * 打开订单详情页面
 * @param  {[int]}    orderId     [订单id]
 */

//筛选显示
$('body').on('change','.filtrate',function () {
   var id=$(this).val();
   if($(this).is(':checked')){
        $('.filtrate_'+id).show();
   }else{
       $('.filtrate_'+id).hide();
   }
});


layui.use('laydate', function() {
    var laydate = layui.laydate;
    //常规用法
    laydate.render({
        elem: '#startDay'
    });
    laydate.render({
        elem: '#endDay'
    });
    laydate.render({
        elem: '#tourDay'
    });
    laydate.render({
        elem: '#groupDay'
    });
})

/**
 *订单详情
 * @param orderId
 */

function openDetail(orderId){
    layer.open({
        type: 2,
        offset:20,
        area: ['90%','90%'],
        title: '订单详情',
        content: '{:U("Orders/detail")}',
    })
}
</script>
</block>
